<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title data-i18next="break.title"></title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/commons.css">
    <link rel="stylesheet" type="text/css" href="css/break.css">
  </head>
  <body>
    <div class="breaks">
      <div>
        <div class="break-idea"></div>
        <div class="break-text"></div>
        <progress id='progress' max="10000" ></progress>
        <span id='progress-time'></span>
      </div>
      <div>
        <a id="postpone" class="tooltip top">
          <span data-i18next="break.postpone"></span>
          <img src="images/breaks/break-postpone.svg" />
          <span class="tiptext"></span>
        </a>
        <a id="close" class="tooltip top">
          <span data-i18next="break.skip"></span>
          <img src="images/breaks/break-skip.svg" />
          <span class="tiptext"></span>
        </a>
      </div>
    </div>
    <script>
      require('./platform.js')
      require('./break.js')
    </script>
  </body>
</html>
